<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>我房旅居</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/footer.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />

	</head>

	<body>
		<header>
			<a href="javascript:history.go(-1);" class="back"><img src="images/icon/back.png" /></a>
			<a href="city.html" class="location">海口</a>
			<h1>儋州商圈</h1>
		</header>
		<div class="container">
			<div class="searchbox">
				<div class="swiper-container" id="nav">
					<div class="swiper-wrapper">
						<a href="buildingPic.html" class="swiper-slide"><img src="images/banner.jpg" class="search-bg" /></a>
						<a href="buildingPic.html" class="swiper-slide"><img src="images/banner.jpg" class="search-bg" /></a>
						<a href="buildingPic.html" class="swiper-slide"><img src="images/banner.jpg" class="search-bg" /></a>
						<a href="buildingPic.html" class="swiper-slide"><img src="images/banner.jpg" class="search-bg" /></a>
					</div>
					<div class="swiper-pagination num"></div>
				</div>
			</div>
			<div class="building-info">
				<h1>儋州商圈鸿雁万国文旅城</h1>
				<div class="building-price row">
					<em>13000-23000元/㎡</em>
					<div class="row">
						<img src="images/icon/group.png">
						<span>团购报名人数</span>
						<em>20</em>
					</div>
				</div>
				<div class="building-tag row">
					<label class="row">特色别墅</label>
					<label class="row">宜居生态</label>
					<label class="row">景观居所</label>
					<label class="row">花园洋房</label>
				</div>
				<ul class="building-date">
					<li class="row">
						<span>开盘日期</span>
						<p>2018.11.02（二期）</p>
					</li>
					<li class="row">
						<span>入住日期</span>
						<p>2018.11.02</p>
					</li>
					<li class="row">
						<span>楼盘地址</span>
						<p>海口市龙华区沿江五西路31号海口市龙华区沿江五西路31号海口市龙华区沿江五西路31号海口市龙华区沿江五西路31号海口市龙华区沿江五西路31号海口市龙华区沿江五西路31号</p>
					</li>
				</ul>
				<div class="building-notice row">
					<a href="javascript:;" class="row" onclick="notice(this)">
						<img src="images/icon/price.png" alt="">
						<span>降价通知</span>
					</a>
					<a href="javascript:;" class="row" onclick="notice(this)">
						<img src="images/icon/favorite.png" alt="">
						<span>优惠通知</span>
					</a>
				</div>
			</div>
			<div class="block5"></div>
			<div class="order-wait row">
				<div class="always row">
					<img src="images/icon/meet.png" alt="">
					<p>24小时免费为您接机</p>
				</div>
				<a href="javascript:;" class="row" onclick="notice(this)"><span>预约接机</span></a>
			</div>
			<!--降价通知、优惠通知、预约接机弹出框-->
			<div class="mask"></div>
			<form class="notice-box">
				<div class="column">
					<h2>预约接机</h2>
					<p>我们将为您免费接送机</p>
					<input type="tel" maxlength="11" placeholder="请输入手机号" />
					<div class="row submit-btn">
						<a href="javascript:;" class="row" onclick="closeNitoce()">取消</a>
						<button type="button">确定</button>
					</div>
				</div>
			</form>
			<div class="block5"></div>
			<div class="building-part">
				<div class="part-title row">
					<div class="row">
						<h2>户型图</h2>
						<label class="row">12</label>
					</div>
					<a href="building_room.html" class="row">
						<span>全部户型</span>
					</a>
				</div>
				<div class="swiper-container" id="pic">
					<div class="swiper-wrapper">
						<a class="swiper-slide column">
							<img src="images/banner.jpg" />
							<p>1房1厅1卫</p>
							<span>80㎡</span>
						</a>
						<a class="swiper-slide column">
							<img src="images/banner.jpg" />
							<p>1房1厅1卫</p>
							<span>80㎡</span>
						</a>
						<a class="swiper-slide column">
							<img src="images/banner.jpg" />
							<p>1房1厅1卫</p>
							<span>80㎡</span>
						</a>
						<a class="swiper-slide column">
							<img src="images/banner.jpg" />
							<p>1房1厅1卫</p>
							<span>80㎡</span>
						</a>
						<a class="swiper-slide column">
							<img src="images/banner.jpg" />
							<p>1房1厅1卫</p>
							<span>80㎡</span>
						</a>
					</div>
				</div>
			</div>
			<div class="block5"></div>
			<div class="building-part">
				<div class="part-title row">
					<div class="row">
						<h2>详细信息</h2>
					</div>
				</div>
				<div class="building-param">
					<ul>
						<li class="row">
							<label>物业类型</label>
							<p>住宅、公寓</p>
						</li>
						<li class="row">
							<label>装修情况</label>
							<p>毛坯</p>
						</li>
						<li class="row">
							<label>物业费</label>
							<p>1.5元/平米/月</p>
						</li>
						<li class="row">
							<label>开发商</label>
							<p>北京恩祥北京恩祥北京恩祥北京恩祥北京恩祥</p>
						</li>
						<li class="row">
							<label>物业公司</label>
							<p>北京恩祥北京恩祥北京恩祥北京恩祥北京恩祥</p>
						</li>
					</ul>
					<a href="building_info.html" class="all-building row" style="margin-top: .8rem">查看详细楼盘信息</a>
				</div>

			</div>
			<div class="block5"></div>
			<div class="building-part">
				<div class="part-title row">
					<div class="row">
						<h2>楼盘动态</h2>
						<label class="row">12</label>
					</div>
					<a href="stationList.html" class="row">
						<span>全部动态</span>
					</a>
				</div>
				<div class="building-state">
					<ul>
						<li>
							<a href="news_detail.html">
								<div class="row">
									<em>2018.11.23 20:45</em>
									<label class="row price">房价</label>
								</div>
								<h3>标题南海蛋糕范德萨发给对覆盖</h3>
								<p>盛达景都由海南盛达房地产，有限公司倾力打造，恰处国兴大道和美苑路交汇处，法规回复通公里GF内汇法规回复通公里GF内汇法规回复通公里GF内汇</p>
							</a>
						</li>
						<li>
							<a href="news_detail.html">
								<div class="row">
									<em>2018.11.23 20:45</em>
									<label class="row discount">折扣</label>
								</div>
								<h3>标题南海蛋糕范德萨发给对覆盖</h3>
								<p>盛达景都由海南盛达房地产，有限公司倾力打造，恰处国兴大道和美苑路交汇处，法规回复通公里GF内汇法规回复通公里GF内汇法规回复通公里GF内汇</p>
							</a>
						</li>
						<li>
							<a href="news_detail.html">
								<div class="row">
									<em>2018.11.23 20:45</em>
									<label class="row engi">工程</label>
								</div>
								<h3>标题南海蛋糕范德萨发给对覆盖</h3>
								<p>盛达景都由海南盛达房地产，有限公司倾力打造，恰处国兴大道和美苑路交汇处，法规回复通公里GF内汇法规回复通公里GF内汇法规回复通公里GF内汇</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="block5"></div>
			<div class="building-part">
				<div class="part-title row">
					<div class="row">
						<h2>位置及周边</h2>
					</div>
					<a href="map.html" class="row">
						<span>&nbsp;</span>
					</a>
				</div>
				<div class="mapbox">
					<div id="map"></div>
					<ul class="row">
						<li class="column" onclick="clickType(this)">
							<img src="images/icon/bus.png" alt="">
							<p>公交</p>
						</li>
						<li class="column" onclick="clickType(this)">
							<img src="images/icon/edu.png" alt="">
							<p>学校</p>
						</li>
						<li class="column" onclick="clickType(this)">
							<img src="images/icon/food.png" alt="">
							<p>餐饮</p>
						</li>
						<li class="column" onclick="clickType(this)">
							<img src="images/icon/hospital.png" alt="">
							<p>医院</p>
						</li>
						<li class="column" onclick="clickType(this)">
							<img src="images/icon/buy.png" alt="">
							<p>购物</p>
						</li>
					</ul>
				</div>
			</div>
			<div class="block5"></div>
			<div class="building-part">
				<div class="part-title row">
					<div class="row">
						<h2>对此楼盘感兴趣的人还浏览了</h2>
					</div>
				</div>
				<div class="building-scan">
					<div class="scan-list">
						<a href="tel:0898" class="tel"><img src="images/icon/tel.png" alt=""></a>
						<a href="#" class="row">
							<img src="images/list.jpg" alt="" class="scan-pic">
							<div class="column">
								<div class="row">
									<h2>儋州商圈</h2>
									<label class="row wait">待售</label>
								</div>
								<em>13000-23000/㎡</em>
								<div class="row">
									<img src="images/icon/location.png" alt="">
									<p>儋州市迎宾大道与国盛路交汇处</p>
								</div>
								<div class="row">
									<span class="row">特色别墅</span>
									<span class="row">宜居生态</span>
									<span class="row">景观居所</span>
								</div>
							</div>
						</a>
					</div>
					<div class="scan-list">
						<a href="tel:0898" class="tel"><img src="images/icon/tel.png" alt=""></a>
						<a href="#" class="row">
							<img src="images/list.jpg" alt="" class="scan-pic">
							<div class="column">
								<div class="row">
									<h2>儋州商圈</h2>
									<label class="row on-sale">在售</label>
								</div>
								<em>13000-23000/㎡</em>
								<div class="row">
									<img src="images/icon/location.png" alt="">
									<p>儋州市迎宾大道与国盛路交汇处</p>
								</div>
								<div class="row">
									<span class="row">特色别墅</span>
									<span class="row">宜居生态</span>
									<span class="row">景观居所</span>
								</div>
							</div>
						</a>
					</div>
					<div class="scan-list">
						<a href="tel:0898" class="tel"><img src="images/icon/tel.png" alt=""></a>
						<a href="#" class="row">
							<img src="images/list.jpg" alt="" class="scan-pic">
							<div class="column">
								<div class="row">
									<h2>儋州商圈</h2>
									<label class="row pre-sale">预售</label>
								</div>
								<em>13000-23000/㎡</em>
								<div class="row">
									<img src="images/icon/location.png" alt="">
									<p>儋州市迎宾大道与国盛路交汇处</p>
								</div>
								<div class="row">
									<span class="row">特色别墅</span>
									<span class="row">宜居生态</span>
									<span class="row">景观居所</span>
								</div>
							</div>
						</a>
					</div>
					<div class="scan-list">
						<a href="tel:0898" class="tel"><img src="images/icon/tel.png" alt=""></a>
						<a href="#" class="row">
							<img src="images/list.jpg" alt="" class="scan-pic">
							<div class="column">
								<div class="row">
									<h2>儋州商圈</h2>
									<label class="row last-sale">尾盘</label>
								</div>
								<em>13000-23000/㎡</em>
								<div class="row">
									<img src="images/icon/location.png" alt="">
									<p>儋州市迎宾大道与国盛路交汇处</p>
								</div>
								<div class="row">
									<span class="row">特色别墅</span>
									<span class="row">宜居生态</span>
									<span class="row">景观居所</span>
								</div>
							</div>
						</a>
					</div>
					<div class="scan-list">
						<a href="tel:0898" class="tel"><img src="images/icon/tel.png" alt=""></a>
						<a href="#" class="row">
							<img src="images/list.jpg" alt="" class="scan-pic">
							<div class="column">
								<div class="row">
									<h2>儋州商圈</h2>
									<label class="row ready-sale">售完</label>
								</div>
								<em>13000-23000/㎡</em>
								<div class="row">
									<img src="images/icon/location.png" alt="">
									<p>儋州市迎宾大道与国盛路交汇处</p>
								</div>
								<div class="row">
									<span class="row">特色别墅</span>
									<span class="row">宜居生态</span>
									<span class="row">景观居所</span>
								</div>
							</div>
						</a>
					</div>
					<div class="scan-list">
						<a href="tel:0898" class="tel"><img src="images/icon/tel.png" alt=""></a>
						<a href="#" class="row">
							<img src="images/list.jpg" alt="" class="scan-pic">
							<div class="column">
								<div class="row">
									<h2>儋州商圈</h2>
									<label class="row stop-sale">停售</label>
								</div>
								<em>13000-23000/㎡</em>
								<div class="row">
									<img src="images/icon/location.png" alt="">
									<p>儋州市迎宾大道与国盛路交汇处</p>
								</div>
								<div class="row">
									<span class="row">特色别墅</span>
									<span class="row">宜居生态</span>
									<span class="row">景观居所</span>
								</div>
							</div>
						</a>
					</div>
				</div>
			</div>
			<div class="block5"></div>
			<div class="building-part">
				<div class="part-title row">
					<div class="row">
						<h2>我们的服务</h2>
					</div>
				</div>
				<div class="servicebox">
					<div class="service row">
						<div class="service-option column">
							<div class="service-pic"><img src="images/icon/made.png" alt=""></div>
							<p>量身定制</p>
							<p>独家优惠</p>
						</div>
						<div class="service-option column">
							<div class="service-pic"><img src="images/icon/car.png" alt=""></div>
							<p>24小时免费接送</p>
							<p>一对一服务</p>
						</div>
						<div class="service-option column">
							<div class="service-pic"><img src="images/icon/pundit.png" alt=""></div>
							<p>大平台</p>
							<p>信誉有保障</p>
						</div>
					</div>
				</div>
				<form class="row">
					<input type="text" placeholder="您的电话号码">
					<button type="button">立即定制</button>
				</form>
			</div>
			<div class="block5"></div>
			<footer>
				<div class="part">
					<a href="tel:0898-6666-8989" class="part-phone row">
						<div class="row">
							<img src="images/icon/landline.png" />
							<p>0898-6666-8989</p>
						</div>
						<div class="column">
							<img src="images/icon/service.png" />
							<p>在线客服</p>
						</div>
					</a>
				</div>
				<div class="footer-con">
					<div class="row">
						<a href="#" class="row">意见反馈</a>
						<a href="#" class="row">XML地图</a>
						<a href="#" class="row">联系我们</a>
					</div>
					<div class="column">
						<p>版权所有 Copyright @ All Rights Reserved</p>
						<p>云南我房旅居房地产经纪有限公司 滇ICP备17010577号</p>
					</div>
				</div>
				<div class="new-f-ad row">
					<a href="http://p.qiao.baidu.com/cps/chat?siteId=12032597&amp;userId=20686818" class="zixun row">在线咨询</a>
					<div class="zhaofang row">帮您找房</div>
					<a href="tel:4008190898,888" class="tel-zixun"><img src="images/tel.gif" /></a>
					<span>4008190898转888</span>
				</div>
			</footer>
		</div>

		<script src="js/jquery.min.js"></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/wap.js"></script>
		<!--轮播图-->
		<script>
			var swiper = new Swiper('#nav', {
				pagination: {
					el: '.swiper-pagination',
					type: 'fraction',
				},
				loop: true,
				autoplay: {
					delay: 5000,
					stopOnLastSlide: false,
					disableOnInteraction: false,
				},
			});
			var swiper = new Swiper('#pic', {
				slidesPerView: 3,
				slidesOffsetBefore: 10,
				spaceBetween: 10
			});
		</script>
		<script type="text/javascript">
			function resize() {
				var f = $('.new-f-ad').width() * 0.22;
				$('.new-f-ad').css("height", f);
				$('.tel-zixun').css("height", f);
			}
			$(document).ready(function() {
				resize();
			});
			//弹出框
			function notice(e) {
				var txt = $(e).find('span').html();
				$('.mask').fadeIn();
				$('.notice-box').fadeIn();
				if (txt == '降价通知') {
					$('.notice-box').find('h2').html('降价通知');
					$('.notice-box').find('p').html('我们将为您订阅降价通知');
				} else　 if (txt == '优惠通知') {
					$('.notice-box').find('h2').html('优惠通知');
					$('.notice-box').find('p').html('我们将为您订阅优惠通知');
				} else if (txt == '预约接机') {
					$('.notice-box').find('h2').html('预约接机');
					$('.notice-box').find('p').html('我们将为您免费接送机');
				}
			}
			//关闭弹出框
			function closeNitoce() {
				$('.mask').fadeOut();
				$('.notice-box').fadeOut();
			}
		</script>
		<!--地图-->
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=9Gg5RxTuLKmem9LNpyvgMb1opNUmV2hY"></script>
		<script type="text/javascript">
			var map = new BMap.Map("map"); // 创建Map实例
			map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图
			map.disableDragging();     //禁止拖拽
			var local = new BMap.LocalSearch(map, {
				renderOptions: {
					map: map
				}
			});

			function clickType(e) {
				var txt = $(e).find('p').html();
				local.search(txt);
			}
		</script>
		<!--帮您找房弹出框-->
		<script type="text/javascript" src="js/layer/layer.js"></script>
		<script type="text/javascript">
			$('.zhaofang').on('click', function() {
				layer.open({
					title: '',
					type: 2,
					area: ['10rem', '12rem'],
					content: 'team_sign.html'
				});
			});
		</script>
	</body>

</html>